<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小学生科普网站</title>
		<style>
			.div1{
				width: 368px;
				text-align: center;
				margin: 0 auto;
			}
			
			
{
background-image:url('img/动物世界1.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-size: 100% 100%;
}
		
			.div2{font-size: 20px;font-family: "宋体";
				width: 800px;height: 100px;float:right;
			padding:  100px 200px;color:deeppink ;
			}	
				
				p{
					font-style: ;					
				}
		
			
			
		ul {
    
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: lightcyan;
}

li {
    float:left;
}

li a {
    display:block;
    color: greenyellowwhite;
    text-align: center;
    padding: 12px 30px;
    text-decoration: none;
}

li a:hover {
    background:aquamarine;
}
		</style>
	</head>
	<body background="img/动物世界1.jpg"  style="  
		 background-repeat:no-repeat ;
background-size:100% 190%;">
		
		  <div class="div1">
		  <ul>
  <li><a>主页</a></li>
  <li><a href="new_file老虎.html">老虎</a></li>
  <li><a href="new_file熊猫.html">熊猫</a></li>
  <li><a href="new_file山羊.html">山羊</a></li>
   
		  </div>
   <img src="img/佩奇.jpg"/>
  
       <div class="div2"> <h1>快来和佩奇一起参观动物世界吧</h1></div>
   
   
   
   
	</body>
</html>
